<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>购物车</title>
    <link rel="stylesheet" href="./css/bottom.css" />
    <link rel="stylesheet" type="text/css" href="./css/car.css" />
  </head>
  <body>
    <div id="header">
      <a href="./index.html"><img id="barIcon" src="./img/bar/barIcon.jpg" alt="barIcon" /></a>
      <div id="barRight">
        <a href="./login.html"><img id="account" src="./img/bar/account.jpg" alt="account" /></a>
        <img id="love" src="./img/bar/love.jpg" alt="love" />
        <a href="./shoppingCar.html"><img id="car" src="./img/bar/car.jpg" alt="car" /></a>
      </div>
    </div>

    <!-- body01 -->
    <div id="body01">
      <!-- left01 -->
      <div id="left01">
        <div id="left_one">
          <div id="left_one_1">
            <div id="img01">
              <img src="./img/img.jpg" />
            </div>
          </div>
          <div id="left_one_2">
            <p id="line01">Earn5% backwith the Capital One Walmart Rewards Card.</p>
          </div>
          <div id="left_one_3">
            <h3 id="line02">Learn now</h3>
          </div>
        </div>
        <div id="left_two">
          <div id="left_two_1">
            <h2 id="left_two_1_h2">0 items in your cart</h2>
            <h2 class="h2_1">Go ahead and add something!</h2>
          </div>
          <div id="left_two_2">
            <div id="img02">
              <img src="./img/img01.jpg" />
            </div>
            <h2 class="h2_2">Do you have items in your cart?</h2>
            <a href="./login.html">
              <div id="p_1">
                <p id="p_01">Sign in to see</p>
              </div>
            </a>
          </div>
        </div>
        <div id="left_three"></div>
        <div id="left_four">
          <h1 id="left_four_h1">Saved for later</h1>
          <h3 id="left_four_h3">You have no saved irems right now</h3>
        </div>
      </div>
      <!-- right01 -->
      <div id="right01">
        <div id="right_one">
          <p class="p1">Subtotal</p>
          <p class="p2">$0.00</p>
          <br />
          <p class="p1">Delivery</p>
          <p class="p2">$0.00</p>
          <br />
          <p class="p1">Taxes and fees</p>
          <p class="p2">$0.00</p>
          <p id="sm">(caculated in checkout)</p>
        </div>
        <div id="right_two">
          <p id="right_two_p1">Est.total</p>
          <p id="right_two_p2">$0.00</p>
        </div>
      </div>
    </div>
    <div id="bottom">
      <div class="b">
        <span class="bh">Walmart Services</span>
        <ul class="lis">
          <br />
          <li class="b-text"><a href="#">Walmart+</a></li>
          <li class="b-text"><a href="#">Grocery Pickup & Delivery</a></li>
          <li class="b-text"><a href="#">MoneyCenter</a></li>
          <li class="b-text"><a href="#">Walmart Credit Card</a></li>
          <li class="b-text"><a href="#">Walmart Pay</a></li>
          <li class="b-text"><a href="#">Weekly Ad</a></li>
          <li class="b-text"><a href="#">Other Services</a></li>
        </ul>
      </div>
      <div class="b">
        <span class="bh">Get to Know Us</span>
        <ul class="lis">
          <br />
          <li class="b-text"><a href="#">Our Company</a></li>
          <li class="b-text"><a href="#">Store Directory</a></li>
          <li class="b-text"><a href="#">Digital Museum</a></li>
          <li class="b-text"><a href="#">Our Suppliers</a></li>
          <li class="b-text"><a href="#">Sell on Walmart.com</a></li>
          <li class="b-text"><a href="#">Advertise With Us</a></li>
          <li class="b-text"><a href="#">Careers</a></li>
        </ul>
      </div>
      <div class="b">
        <span class="bh">Walmart.com</span>
        <ul class="lis">
          <br />
          <li class="b-text"><a href="#">Walmart Labs</a></li>
          <li class="b-text"><a href="#">Our Ads</a></li>
          <li class="b-text"><a href="#">Terms of Use</a></li>
          <li class="b-text"><a href="#">Privacy & Security</a></li>
          <li class="b-text"><a href="#">CA Privacy Rights</a></li>
          <li class="b-text"><a href="#">Do Not Sell My Personal Information</a></li>
          <li class="b-text"><a href="#">Request My Personal Information</a></li>
          <li class="b-text"><a href="#">Tax Exempt Program</a></li>
          <li class="b-text"><a href="#">California Supply Chain Security Act</a></li>
        </ul>
      </div>
      <div class="b">
        <span class="bh">Customer Service</span>
        <ul class="lis">
          <br />
          <li class="b-text"><a href="#">Help Center</a></li>
          <li class="b-text"><a href="#">Returns</a></li>
          <li class="b-text"><a href="#">Product Recalls</a></li>
          <li class="b-text"><a href="#">Accessibility</a></li>
          <li class="b-text"><a href="#">Contact Us</a></li>
          <li class="b-text"><a href="#">Store Pickup</a></li>
        </ul>
      </div>

      <div class="b" style="margin-bottom: 160px; clear: right">
        <span class="bh">In The Spotlight</span>
        <ul class="lis">
          <br />
          <li class="b-text"><a href="#">Portable Air Conditioners</a></li>
          <li class="b-text"><a href="#">PS4</a></li>
          <li class="b-text"><a href="#">Trampoline</a></li>
          <li class="b-text"><a href="#">Skateboard</a></li>
          <li class="b-text"><a href="#">Outdoor Furniture</a></li>
          <li class="b-text"><a href="#">Nintendo Switch Lite</a></li>
        </ul>
      </div>
      <hr />
      <div id="copy" style="clear: both">
        <small class="copy" style="float: left;margin-top: 5px;">© 2021 Walmart. All Rights Reserved.</small>
        <small class="copy" style="float: right;margin-top: 5px;">To ensure we are able to help you as best we can, please include your reference number: ZICHWEIG9F</small>
      </div>
    </div>
  </body>
</html>
